<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--meta 三大标签 方便SEO -->
    <meta name="description"
    content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。"/>
    <meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>
    <title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>

    <!-- icon图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <!-- swiper 轮播样式插件 -->
    <link rel="stylesheet" href="./css/swiper-bundle.min.css"> 

    <!-- swiper 轮播样式 -->
    <link rel="stylesheet" href="./css/swiper.css">

    <!-- 重置css样式 -->
    <link rel="stylesheet" href="./css/normalize.css">

    <!-- 基础css样式 含头部+脚部 -->
    <link rel="stylesheet" href="./css/base.css">

    <!-- 样式 中间部分样式 -->
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    
    <!-- 头部-----头部---头部--------------- -->
    <!-- 顶部AD -->
    <header>
        <div class="w headerAdBox">
            <a href="#" class="ad618"><img src="./imgs/icon/fa5e535fa5418164.jpg.jpg" alt=""></a>
            <div class="headerImgBox">
                <a href="#"><img class="headerImg" src="./imgs/icon/a43317e2338d5b70.jpg.jpg" alt=""></a>                
                <a href="#"><img class="headerImg" src="./imgs/icon/5aaa1561N54e5b717.jpg.jpg" alt=""></a>
                <a href="#"><img class="headerImg" src="./imgs/icon/cee9c75801c934db.jpg.jpg" alt=""></a>                
            </div>
            <a href="#">
                <img src="./imgs/icon/8dd5e3215b672522.png.jpg" alt="">
            </a>
            <!-- 待解决-叉叉图片问题 -->
            <span class="closeHeaderADBtn">
                <img src="./imgs/icon/x-square.svg" alt="">
            </span>
        </div>
    </header>

    <!-- 顶部导航栏 -->
    <nav class="shortcut">
        <div class="w">
            <ul class="fl city">
                <li>
                    <i></i>
                    <a href="#">四川</a>
                </li>
            </ul>
            <ul class="fr navMenu">
                <li>
                    <a href="#">你好，请登录</a>
                    <a href="#" class="register">免费注册</a> 
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">我的订单</a>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">我的京东</a>
                    <i></i>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">京东会员</a>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">企业采购</a>
                    <i></i>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">客户服务</a>
                    <i></i>
                </li>
                <li class="space"></li>
                <li>
                    <a href="#">网站导航</a>
                    <i></i>
                </li>
                <li class="space"></li>
                <li class="moblie">
                    <a href="#">手机京东</a>
                    <img src="./imgs/ad/dc4cf353fd96922e.png.jpg" alt="">
                </li>                
                <li class="space"></li>
                <li>
                    <a href="#">网站无障碍</a>
                </li>
            </ul>
        </div>
    </nav>

    <!-- 快速导航栏 -->
    <!-- logo栏+搜索 -->
    <nav class="middleNav">
        <div class="w">
            <div class="logo">
                <!-- h1 ⭐标签提高权重 便于搜索引擎优化 logo的常用写法 写在h1标签 内 -->
                <h1>
                    <a href="#"></a>
                </h1>
            </div>

            <div class="searchBox">
                <input type="text" placeholder="享亿元补贴"><button><i></i></button>
            </div>

            <div class="shopCar">
                <i></i>
                <span>0</span>
                <a href="#">我的购物车</a>
            </div>

            <div class="hotwords">
                <a href="#">享亿元补贴</a>
                <a href="#">拍拍好货</a>
                <a href="#">健康618</a>
                <a href="#">电脑数码</a>
                <a href="#">华为手机</a>
                <a href="#">8点秒杀</a>
                <a href="#">亿元补贴</a>
                <a href="#">京东京造</a>
                <a href="#">游戏电视</a> 
            </div>

            <div class="nvaItem">
                <ul>
                    <li><a href="#" class="navItemHotWord">秒杀</a></li>
                    <li><a href="#" class="navItemHotWord">优惠券</a></li>
                    <li><a href="#">PLUS会员</a></li>
                    <li><a href="#">品牌闪购</a></li>
                    <li><a href="#">拍卖</a></li>
                    <li><a href="#">京东家电</a></li>
                    <li><a href="#">京东超市</a></li>
                    <li><a href="#">京东生鲜</a></li>
                    <li><a href="#">京东国际</a></li>
                </ul>
            </div>

            <div class="superAd">
                <a href="#"><img src="./imgs/ad/55d4df96361d9572.png (1).jpg" alt=""></a>
            </div>
        </div>
    </nav>
    <!-- 头部-----头部---头部--------------- -->


    <!-- 中间-----中间---中间--------------- -->
    <main>
        <!-- 中间 菜单+ 轮播+个人信息  -->
        <div class="w grid">
            <div class="gridLeft fl">
                <ul class="gridMenu" >
                    <li><a href="#">家用电器</a></li>
                    <li>          
                        <a href="#">手机</a>              
                        <span class="gridMenu_split">/</span> 
                        <a href="#">运营商</a> 
                        <span class="gridMenu_split">/</span> 
                        <a href="#">数码</a>
                    </li>
                    <li>
                        <a href="#">电脑</a> 
                        <span class="gridMenu_split">/</span> 
                        <a href="#">办公</a>
                    </li>
                    <li>
                        <a href="#">家居</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">家具</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">家装</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">厨具</a>
                    </li>
                    <li>
                        <a href="#">男装</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">女装</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">童装</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">内衣</a>
                    </li>
                    <li>
                        <a href="#">美妆</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">个护清洁</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">宠物</a>
                    </li>
                    <li>
                        <a href="#">女鞋</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">箱包</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">钟表</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">珠宝</a>
                    </li>
                    <li>
                        <a href="#">男鞋</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">运动</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">户外</a>
                    </li>
                    <li>
                        <a href="#">房产</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">汽车</a> 
                        <span class="gridMenu_split">/</span>  
                        <a href="#">汽车用品</a>
                    </li>
                    <li>
                        <a href="#">母婴</a> 
                        <span class="gridMenu_split">/</span> 
                        <a href="#">玩具乐器</a>
                    </li>
                    <li>
                        <a href="#">食品</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">酒类</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">生鲜</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">特产</a> 
                    </li>
                    <li>
                        <a href="#">艺术</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">礼品鲜花</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">农资绿植</a> 
                    </li>
                    <li>
                        <a href="#">医药保健</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">计生情趣</a>
                     </li>
                    <li>
                        <a href="#">图书</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">文娱</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">教育</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">电子书</a>    
                    </li>
                    <li>
                        <a href="#">机票</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">酒店</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">旅游</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">生活</a>    
                    </li>
                    <li>
                        <a href="#">理财</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">众筹</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">白条</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">保险</a>    
                    </li>
                    <li>
                        <a href="#">安装</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">维修</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">清洗</a>
                        <span class="gridMenu_split">/</span>
                        <a href="#">二手</a>    
                    </li>
                    <li><a href="#">工业品</a></li>
                </ul>
            </div>

            <div class="gridCenter fl">
                <div class="fl big">
                    <div class="swiper swiperBig">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/f6fdf1aaf46f1f1b.jpg.jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/2b8c35505ef550ef.jpg.jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/q (1).jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/q (2).jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/q (3).jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/q (4).jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/q.jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/q (5).jpg" alt="图片加载失败">
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="./imgs/ad/4fa861e287409857.jpg.webp" alt="图片加载失败">
                                </a>
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
                        
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
                <div class="fr small">
                    <div class="swiper swiperSmall">
                        <div class="swiper-wrapper">
                            <!-- 一个轮播div里面含三个图片 -->
                            <div class="swiper-slide">
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s1.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s2.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s3.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s4.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s5.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s6.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s7.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s8.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                                <div class="swiper-slide-item">
                                    <a href="#">
                                        <img src="./imgs/ad/s9.jpg" alt="图片加载失败">
                                    </a>
                                </div>
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
                        

                    </div>
                </div>
            </div>

            <div class="gridRight fr">
                <div class="login">
                    <div class="loginImgInfo">
                        Hi,欢迎逛京东商城！<br/>
                        <a href="#" class="log">登录</a>
                        <span>|</span>
                        <a href="#" class="reg">注册</a>
                        <a href="" class="imgInfo">
                            <img src="./imgs/icon/JDdog1.png" alt="">
                        </a>
                    </div>
                    <div class="loginBtn">
                        <a class="fl newUser">新人福利</a>
                        <a class="fr vip">PLUS会员</a>
                    </div>                    
                </div>
                <!-- 京东 快讯 -->
                <div class="news">
                    <div class="newsTilte">
                        <h5>京东快报</h5>
                        <a href="#" class="moreNews">
                            更多
                            <i></i>
                        </a>
                    </div>
                    <ul class="newsContent">
                        <li class="contentItem">
                            <a href="#">
                                <span class="newTag">HOT</span>
                                iQOO 9强势来袭，配置拉满带来超多惊喜                                
                            </a>
                        </li>
                        <li class="contentItem">
                            <a href="#">
                                <span class="newTag">热议</span>
                                呈现精彩细节瞬间，三星MiniLED量子点电视值得推
                            </a>
                        </li>
                        <li class="contentItem">
                            <a href="#">
                                <span class="newTag">HOT</span>
                                假日休闲无事可做，巧用vivo X80享受美好瞬间
                            </a>
                        </li>
                        <li class="contentItem">
                            <a href="#">
                                <span class="newTag">HOT</span>
                                丝滑浓郁，轻松减负，蒙牛脱脂纯牛奶乐享惬意时光
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="extends">
                    <ul>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/fee1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/fee2.png" alt="">
                                </i>
                                <span class="iconTip">话费</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/hotel1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/hotel2.png" alt="">
                                </i>
                                <span class="iconTip">酒店</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/plane1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/plane2.png" alt="">
                                </i>
                                <span class="iconTip">机票</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/game1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/game2.png" alt="">
                                </i>
                                <span class="iconTip">游戏</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/health1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/health2.png" alt="">
                                </i>
                                <span class="iconTip">加油卡</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/train1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/train2.png" alt="">
                                </i>
                                <span class="iconTip">火车票</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/people1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/people2.png" alt="">
                                </i>
                                <span class="iconTip">众筹</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/money1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/money2.png" alt="">
                                </i>
                                <span class="iconTip">理财</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/doc1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/doc2.png" alt="">
                                </i>
                                <span class="iconTip">白条</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/movie1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/movie2.png" alt="">
                                </i>
                                <span class="iconTip">电影票</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/company1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/company2.png" alt="">
                                </i>
                                <span class="iconTip">企业购</span>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <i class="extendIcon">
                                    <img class="showIcon" src="./imgs/icon/card1.png" alt="">
                                    <img class="hoverIcon" src="./imgs/icon/card2.png" alt="">
                                </i>
                                <span class="iconTip">礼品卡</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 背景AD -->
        <div class="gridBgAdBox">
            <div class="gridBgAd">
                <a href="" class="adPhoto"></a>
            </div>
        </div>

        <!-- 右侧浮动帮助栏 -->
        <!-- stop here -->
        <!-- stop here -->
        <!-- stop here -->
        <!-- stop here -->
        <div class="rightHelperBox">
            <div class="w helperProject">
                <ul class="">
                    <li class="helperItem"><a href="javascript:">
                        京东
                        秒杀
                    </a></li>
                    <li class="helperItem adImg618"><a href="javascript:">
                        <img src="./imgs/icon/73941699ed77888c.jpg.jpg" alt="">
                    </a></li>
                    <li class="helperItem"><a href="javascript:">
                        特色
                        优选
                    </a></li>
                    <li class="helperItem"><a href="javascript:">
                        频道
                        广场
                    </a></li>
                    <li class="helperItem"><a href="javascript:">
                        为你
                        推荐
                    </a></li>
                    <li class="helperItem"><a href="javascript:">
                        <i></i>
                        <!-- 找不到图标 -->
                        <p>客服</p> 
                    </a></li>
                    <li class="helperItem"><a href="javascript:">
                        <i></i>
                        <p>反馈</p> 
                    </a></li>
                    <li class="helperItem backTop"><a href="#">
                        <i></i>
                        <p>顶部</p>                    
                    </a></li>
                </ul>
            </div>
        </div>

        <!-- 秒杀专场 -->
        <div class="w hourShopAd">
            <div class="countDown fl">
                <h5>京东秒杀</h5>
                <p> 
                    <span class="timeCount">XX:00</span>
                    点场 距结束
                </p>
                <div>
                    <span class="hourCount">XX</span>
                    <!-- : 用 ::after 做 -->
                    <span class="minuteCount">XX</span>
                    <span class="secondCount">XX</span>
                </div>
            </div>

            <div class="swiper swiperGoodList fl">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#" class="goodItem">
                            <div title="摩托罗拉moto edge X30新骁龙8旗舰 超大底前后三主摄 10亿色144Hz超感臻彩屏 5G拍照手机 12GB+256GB 秋桐影">
                                <img src="./imgs/swiper/37b7bf1a51d02120.jpg.webp" alt="图片加载失败">
                            </div>
                            <h6>摩托罗拉moto edge X30新骁龙8旗舰 超大底前后三主摄 10亿色144Hz超感臻彩屏 5G拍照手机 12GB+256GB 秋桐影</h6>
                            <p>
                                <span>￥</span>
                                2090.00
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="SKG 颈椎按摩器 G7 物理捶打 按摩仪 肩颈按摩器  迷你便携 热敷 送礼 礼物 ">
                                <img src="./imgs/swiper/a27ce0555c2def76.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>SKG 颈椎按摩器 G7 物理捶打 按摩仪 肩颈按摩器  迷你便携 热敷 送礼 礼物 </h6>
                            <p>
                                <span>￥</span>
                                1990.00
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="金浩（JINHAO） 山茶油5L 油茶籽油">
                                <img src="./imgs/swiper/ea88de63b21d1372.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>金浩（JINHAO） 山茶油5L 油茶籽油</h6>
                            <p>
                                <span>￥</span>
                                190.90
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="墨案moaan 迷你阅inkPalm Plus 智能电子书阅读器 墨水屏电纸书 5.84英寸 64G 蟹壳黄">
                                <img src="./imgs/swiper/23d2d3664ef903ac.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>墨案moaan 迷你阅inkPalm Plus 智能电子书阅读器 墨水屏电纸书 5.84英寸 64G 蟹壳黄</h6>
                            <p>
                                <span>￥</span>
                                19090.00
                            </p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#" class="goodItem">
                            <div title="摩托罗拉moto edge X30新骁龙8旗舰 超大底前后三主摄 10亿色144Hz超感臻彩屏 5G拍照手机 12GB+256GB 秋桐影">
                                <img src="./imgs/swiper/37b7bf1a51d02120.jpg.webp" alt="图片加载失败">
                            </div>
                            <h6>摩托罗拉moto edge X30新骁龙8旗舰 超大底前后三主摄 10亿色144Hz超感臻彩屏 5G拍照手机 12GB+256GB 秋桐影</h6>
                            <p>
                                <span>￥</span>
                                2090.00
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="SKG 颈椎按摩器 G7 物理捶打 按摩仪 肩颈按摩器  迷你便携 热敷 送礼 礼物 ">
                                <img src="./imgs/swiper/a27ce0555c2def76.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>SKG 颈椎按摩器 G7 物理捶打 按摩仪 肩颈按摩器  迷你便携 热敷 送礼 礼物 </h6>
                            <p>
                                <span>￥</span>
                                1990.00
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="金浩（JINHAO） 山茶油5L 油茶籽油">
                                <img src="./imgs/swiper/ea88de63b21d1372.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>金浩（JINHAO） 山茶油5L 油茶籽油</h6>
                            <p>
                                <span>￥</span>
                                190.90
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="墨案moaan 迷你阅inkPalm Plus 智能电子书阅读器 墨水屏电纸书 5.84英寸 64G 蟹壳黄">
                                <img src="./imgs/swiper/23d2d3664ef903ac.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>墨案moaan 迷你阅inkPalm Plus 智能电子书阅读器 墨水屏电纸书 5.84英寸 64G 蟹壳黄</h6>
                            <p>
                                <span>￥</span>
                                19090.00
                            </p>
                        </a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#" class="goodItem">
                            <div title="摩托罗拉moto edge X30新骁龙8旗舰 超大底前后三主摄 10亿色144Hz超感臻彩屏 5G拍照手机 12GB+256GB 秋桐影">
                                <img src="./imgs/swiper/37b7bf1a51d02120.jpg.webp" alt="图片加载失败">
                            </div>
                            <h6>摩托罗拉moto edge X30新骁龙8旗舰 超大底前后三主摄 10亿色144Hz超感臻彩屏 5G拍照手机 12GB+256GB 秋桐影</h6>
                            <p>
                                <span>￥</span>
                                2090.00
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="SKG 颈椎按摩器 G7 物理捶打 按摩仪 肩颈按摩器  迷你便携 热敷 送礼 礼物 ">
                                <img src="./imgs/swiper/a27ce0555c2def76.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>SKG 颈椎按摩器 G7 物理捶打 按摩仪 肩颈按摩器  迷你便携 热敷 送礼 礼物 </h6>
                            <p>
                                <span>￥</span>
                                1990.00
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="金浩（JINHAO） 山茶油5L 油茶籽油">
                                <img src="./imgs/swiper/ea88de63b21d1372.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>金浩（JINHAO） 山茶油5L 油茶籽油</h6>
                            <p>
                                <span>￥</span>
                                190.90
                            </p>
                        </a>
                        <a href="#" class="goodItem">
                            <div title="墨案moaan 迷你阅inkPalm Plus 智能电子书阅读器 墨水屏电纸书 5.84英寸 64G 蟹壳黄">
                                <img src="./imgs/swiper/23d2d3664ef903ac.jpg.jpg" alt="图片加载失败">
                            </div>
                            <h6>墨案moaan 迷你阅inkPalm Plus 智能电子书阅读器 墨水屏电纸书 5.84英寸 64G 蟹壳黄</h6>
                            <p>
                                <span>￥</span>
                                19090.00
                            </p>
                        </a>
                    </div>
                </div>
                
                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>                
            </div>

            <div class="swiper swiperBrandList fr">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="brandItem">
                            <div class="brandImage">
                                <img src="./imgs/swiper/brand1.jpg" alt="图片加载失败">
                            </div>
                            <div class="brandInfo">
                                <p>Moto自营手机秒杀</p>
                                <p>全场至高立省800</p>
                                <div>
                                    品牌秒杀
                                    <i></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="brandItem">
                            <div class="brandImage">
                                <img src="./imgs/swiper/brand2.jpg" alt="图片加载失败">
                            </div>
                            <div class="brandInfo">
                                <p>全球美酒 痛快畅饮</p>
                                <p>低至9.9元</p>
                                <div>
                                    品类秒杀
                                    <i></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>

        <!-- 618 大促 活动楼层  -->
        <div class="activity618">
            <div class="activity">
                <div class="activityGoods">
                    <div class="activityItem">
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                        <a href="#">
                            <div class="activityItemImg">
                                <img src="./imgs/ad/63b306a7116adb73.jpg!cc_130x130.webp" alt="">
                            </div>
                            <div class="activityItemInfo">
                                <div class='activityAd'>
                                    <img src="./imgs/icon/288c72d11132fb3d.png!cc_190x32.png" alt="">
                                </div>
                                <span>好价直达</span>
                                <p>手机排行榜</p>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>


        <!-- 为你推荐-- -->
        <!-- 成列所有商品 内容 会有些长 但固定 -->
        <div class="recommendBigBox">
            <div class="w recommendBox">
                <h3 class="recommendTitle">为你推荐</h3>
                <div class="activeRouterTitle">
                    <ul>
                        <li>
                            <a href="javascript:void(0)">
                                <h5 class="activeRecommend">精选</h5>
                                <p>猜你喜欢</p>
                                <div class="recommendTitleGap"></div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <h5>智能先锋</h5>
                                <p>大电器城</p>
                                <div class="recommendTitleGap"></div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <h5>居家优品</h5>
                                <p>品质生活</p>
                                <div class="recommendTitleGap"></div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <h5>超市百货</h5>
                                <p>百货生鲜</p>
                                <div class="recommendTitleGap"></div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <h5>时尚达人</h5>
                                <p>美妆穿搭</p>
                                <div class="recommendTitleGap"></div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">
                                <h5>进口好物</h5>
                                <p>京东国际</p>
                            </a>
                        </li>
                    </ul>
                </div>

                <!--⭐⭐ 商品 成列  -->
                <div class="commodityBox">
                    <!-- 该 ul 中的 li 只用三个类型（商品box，adBox，hot词box）  其他皆为重复 -->
                    <ul>
                        <!-- 五个一组 一行 -->
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 商品广告 -->
                        <li class="commodityItem commodityAd">
                            <div class="commodityAdImg">
                                <img src="./imgs/ad/commityad.webp" alt="图片加载失败">
                            </div>
                            <div class="commodityAdInfo">
                                <div class="commodityAdSign">
                                    <span>自营</span>
                                    <span>576.56万人关注</span>
                                </div>
                                <p>壳牌京东自营旗舰店</p>
                                <div class="spiteImg">
                                    <!-- 插入背景图片，可以定位 -->
                                    <span>逛好店</span>
                                </div>
                            </div>
                        </li>


                        <!-- 商品广告 -->
                        <!-- 商品广告 -->
                        <!-- 商品广告 -->
                        <li class="commodityItem commodityAd">
                            <div class="commodityAdImg">
                                <img src="./imgs/ad/commityad.webp" alt="图片加载失败">
                            </div>
                            <div class="commodityAdInfo">
                                <div class="commodityAdSign">
                                    <span>自营</span>
                                    <span>576.56万人关注</span>
                                </div>
                                <p>壳牌京东自营旗舰店</p>
                                <div class="spiteImg">
                                    <!-- 插入背景图片，可以定位 -->
                                    <span>逛好店</span>
                                </div>
                            </div>
                        </li>


                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>

                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 商品广告 -->
                        <li class="commodityItem commodityAd">
                            <div class="commodityAdImg">
                                <img src="./imgs/ad/commityad.webp" alt="图片加载失败">
                            </div>
                            <div class="commodityAdInfo">
                                <div class="commodityAdSign">
                                    <span>自营</span>
                                    <span>576.56万人关注</span>
                                </div>
                                <p>壳牌京东自营旗舰店</p>
                                <div class="spiteImg">
                                    <!-- 插入背景图片，可以定位 -->
                                    <span>逛好店</span>
                                </div>
                            </div>
                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 商品热词 -->
                        <!-- 商品热词 -->
                        <!-- 商品热词 -->
                        <li class="commodityItem commodityAd hotCommodityAd">
                            <div class="hotCommodityTitle">
                                <h5>精选商品</h5>
                            </div>
                            <div class="hotCommodityAdInfo">
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                            </div>
                        </li>

                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 五个一组 一行 -->
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 商品广告 -->
                        <li class="commodityItem commodityAd">
                            <div class="commodityAdImg">
                                <img src="./imgs/ad/commityad.webp" alt="图片加载失败">
                            </div>
                            <div class="commodityAdInfo">
                                <div class="commodityAdSign">
                                    <span>自营</span>
                                    <span>576.56万人关注</span>
                                </div>
                                <p>壳牌京东自营旗舰店</p>
                                <div class="spiteImg">
                                    <!-- 插入背景图片，可以定位 -->
                                    <span>逛好店</span>
                                </div>
                            </div>
                        </li>


                        <!-- 商品广告 -->
                        <!-- 商品广告 -->
                        <!-- 商品广告 -->
                        <li class="commodityItem commodityAd">
                            <div class="commodityAdImg">
                                <img src="./imgs/ad/commityad.webp" alt="图片加载失败">
                            </div>
                            <div class="commodityAdInfo">
                                <div class="commodityAdSign">
                                    <span>自营</span>
                                    <span>576.56万人关注</span>
                                </div>
                                <p>壳牌京东自营旗舰店</p>
                                <div class="spiteImg">
                                    <!-- 插入背景图片，可以定位 -->
                                    <span>逛好店</span>
                                </div>
                            </div>
                        </li>


                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>

                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 商品广告 -->
                        <li class="commodityItem commodityAd">
                            <div class="commodityAdImg">
                                <img src="./imgs/ad/commityad.webp" alt="图片加载失败">
                            </div>
                            <div class="commodityAdInfo">
                                <div class="commodityAdSign">
                                    <span>自营</span>
                                    <span>576.56万人关注</span>
                                </div>
                                <p>壳牌京东自营旗舰店</p>
                                <div class="spiteImg">
                                    <!-- 插入背景图片，可以定位 -->
                                    <span>逛好店</span>
                                </div>
                            </div>
                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <!-- 商品热词 -->
                        <!-- 商品热词 -->
                        <!-- 商品热词 -->
                        <li class="commodityItem commodityAd hotCommodityAd">
                            <div class="hotCommodityTitle">
                                <h5>精选商品</h5>
                            </div>
                            <div class="hotCommodityAdInfo">
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                                <span class="hotCommodity">
                                    <a href="#">一体机电脑</a> 
                                </span>
                            </div>
                        </li>

                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                        <li class="commodityItem" title="【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用">
                            
                            <div class="operation">
                                <!-- close btn 默认不显示 -->
                                <div class="commodityClose">
                                    <img src="./font/cross.svg" alt="">
                                </div>
                                <!-- 找相似 默认不显示 -->
                                <div class="commodityCompare">
                                    <div class='commodityCompareBtn'>
                                        <i></i>
                                        <span>找相似</span>
                                    </div>
                                </div>
                            </div>

                            <!-- 商品图片 -->
                            <div class="commodityImage">
                                <img src="imgs/222.webp" alt="图片加载失败">
                            </div>

                            <!-- 商品信息 -->
                            <div class="commodityInfo">
                                <p class="commodityInfoDetail">
                                    <!-- 自营标识 -->
                                    <i class="selfSign">自营</i>
                                    【618同价】戴森(Dyson) V8 Fluffy Extra手持无线吸尘器 除螨 宠物 家庭适用
                                </p>
                                <div class="commodityPrice">
                                    <span class="moneySign">￥</span>
                                    <span class="int">1290.</span>
                                    <span class="decimal">00</span>
                                </div>
                            </div>

                        </li>
                    </ul>
                        
                    
                </div>
            </div>
        </div>

        <!-- 待加载 -->
        <div class="loading w">
            <div class="circle circle1"></div>
            <div class="circle circle2"></div>
            <div class="circle circle3"></div>
        </div>        
    </main>
    <!-- 中间-----中间---中间--------------- -->


    <!-- 脚部-----脚部---脚部--------------- -->
    <footer>
        <div class="service">
            <div class="w">
                <ul>
                    <li>
                        <h5><!-- 多 --></h5>
                        <p>品类齐全，轻松购物</p>
                    </li>
                    <li>
                        <h5><!-- 快 --></h5>
                        <p>多仓直发，极速配送</p>
                    </li>
                    <li>
                        <h5><!-- 好 --></h5>
                        <p>正品行货，精致服务</p>
                    </li>
                    <li>
                        <h5><!-- 省 --></h5>
                        <p>天天低价，畅选无忧</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="w help">
            <div class="fl">
                <div class='helpItem'>
                    <dl>
                        <dt>购物指南</dt>
                        <dd><a href="#">购物流程</a></dd>
                        <dd><a href="#">会员介绍</a></dd>
                        <dd><a href="#">生活旅行</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">大家电</a></dd>
                        <dd><a href="#">联系客服</a></dd>
                    </dl>
                </div>
                <div class='helpItem'>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><a href="#">上门自提</a></dd>
                        <dd><a href="#">211限时达</a></dd>
                        <dd><a href="#">配送服务查询</a></dd>
                        <dd><a href="#">配送费收取标准</a></dd>
                        <dd><a href="#">海外配送</a></dd>
                    </dl>
                </div>
                <div class='helpItem'>
                    <dl>
                        <dt>支付方式</dt>
                        <dd><a href="#">货到付款</a></dd>
                        <dd><a href="#">在线支付</a></dd>
                        <dd><a href="#">分期付款</a></dd>
                        <dd><a href="#">公司转账</a></dd>
                    </dl>
                </div>
                <div class='helpItem'>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">价格保护</a></dd>
                        <dd><a href="#">退款说明</a></dd>
                        <dd><a href="#">返修</a>/退换货</dd>
                        <dd><a href="#">取消订单</a></dd>
                    </dl>
                </div>
                <div class='helpItem'>
                    <dl>
                        <dt>特色服务</dt>
                        <dd><a href="#">夺宝岛</a></dd>
                        <dd><a href="#">DIY装机</a></dd>
                        <dd><a href="#">延保服务</a></dd>
                        <dd><a href="#">京东E卡</a></dd>
                        <dd><a href="#">京东通信</a></dd>
                        <dd><a href="#">京鱼座智能</a></dd>
                    </dl>
                </div>
            </div>
            <div class="fr">
                <div class="helpAera">
                    <h5>京东自营覆盖区县</h5>
                    <div class="helpAeraInfo">
                        <p>
                            京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。
                        </p>
                        <p>
                            <a href="#">查看详情</a>
                            <img class="ctrl1" src="./font/ctrl.svg" alt="">
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="w copyRight">
            <p class="copyRightLink">
                <a href="#">关于我们</a>
                <span class="copyright_split">|</span>
                <a href="#">联系我们</a>
                <span class="copyright_split">|</span>
                <a href="#">联系客服</a>
                <span class="copyright_split">|</span>
                <a href="#">合作招商</a>
                <span class="copyright_split">|</span>
                <a href="#">商家帮助</a>
                <span class="copyright_split">|</span>
                <a href="#">营销中心</a>
                <span class="copyright_split">|</span>
                <a href="#">手机京东</a>
                <span class="copyright_split">|</span>
                <a href="#">友情链接</a>
                <span class="copyright_split">|</span>
                <a href="#">销售联盟</a>
                <span class="copyright_split">|</span>
                <a href="#">京东社区</a>
                <span class="copyright_split">|</span>
                <a href="#">风险监测</a>
                <span class="copyright_split">|</span>
                <a href="#">隐私政策</a>
                <span class="copyright_split">|</span>
                <a href="#">京东公益</a>
                <span class="copyright_split">|</span>
                <a href="#">English Site</a>
                <span class="copyright_split">|</span>
                <a href="#">Media & IR</a>
            </p>

            <div class='copyRightInfo'>
                <div>
                    <p>
                        <a href="#">京公网安备 11000002000088号</a>
                        <span class="copyright_split">|</span>
                        <a href="#">京ICP备11041704号</a>
                        <span class="copyright_split">|</span>
                        <a href="#">ICP</a>
                        <span class="copyright_split">|</span>
                        <a href="#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
                        <span class="copyright_split">|</span>
                        <a href="#">新出发京零 字第大120007号</a>
                    </p>
                    <p>
                        <a href="#">互联网出版许可证编号新出网证(京)字150号</a>
                        <span class="copyright_split">|</span>
                        <a href="#">出版物经营许可证</a>
                        <span class="copyright_split">|</span>
                        <a href="#">网络文化经营许可证京网文[2020]6112-1201号</a>
                        <span class="copyright_split">|</span>
                        <a href="#">违法和不良信息举报电话：4006561155</a>
                        <span class="copyright_split">|</span>
                    </p>
                    <p>
                        <a href="#">Copyright © 2004 - 2022  京东JD.com 版权所有</a>
                        <span class="copyright_split">|</span>
                        <a href="#">消费者维权热线：4006067733</a>
                        <span class="copyright_split">|</span>
                        <a href="#">经营证照</a>
                        <span class="copyright_split">|</span>
                        <a href="#">(京)网械平台备字(2018)第00003号</a>
                        <span class="copyright_split">|</span>
                        <a href="#">营业执照</a>
                        <span class="copyright_split">|</span>
                        <a href="#">增值电信业务经营许可证</a>
                        <span class="copyright_split">|</span>
                    </p>
                </div>

                <div class="overseaLink">
                    <p>
                        <a href="#">
                            <i class="global"></i>
                            Global Site
                        </a>
                        <span class="copyright_split">|</span>
                        <a href="#">
                            <i class="rissa"></i>
                            Сайт России
                        </a>
                        <span class="copyright_split">|</span>
                        <a href="#">
                            <i class="Indonesia"></i>
                            Situs Indonesia
                        </a>
                        <span class="copyright_split">|</span>
                        <a href="#">
                            <i class="spain"></i>
                            Sitio de España
                        </a>
                        <span class="copyright_split">|</span>
                        <a href="#">
                            <i class="thailand"></i>
                            เว็บไซต์ประเทศไทย
                        </a>
                    </p>
                </div>   

                <div>
                    <p>
                        <a href="#">京东旗下网站： 京东钱包</a>
                        <span class="copyright_split">|</span>
                        <a href="#">京东云</a>
                        <span class="copyright_split">|</span>
                        <a href="#">网络内容从业人员违法违规行为举报电话：4006561155-3</a>
                        <span class="copyright_split">|</span>
                    </p>
                </div>
            </div>

            <!-- 链接图片栏 -->
            <p class="copyAuth">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </p>


        </div>
    </footer>
    <!-- 脚部-----脚部---脚部--------------- -->

    <!-- 顶部-- 卷曲高度后 显示 -->
    <div class="topNav">
        <div class="w topNavBg">
            <div class="topNavLogo">
                <a href=""></a>
            </div>
            <div class="topNavSearchBox">
                <input type="text" placeholder="热门商品">
                <span class="topNavSearchBoxInputCamera"><i></i></span>
                <button>
                    <i></i>
                </button>
            </div>
            <div class="topNavShopcar">
                <p>
                    <span class="topNavShopcarIcon">
                        <i></i>
                        <span>0</span>
                    </span>
                    我的购物车
                </p>
                <div class='topNavShopcarHover'>
                    <img src="./imgs/icon/jd-loading.gif" alt="">
                </div>
            </div>
        </div>
    </div>



    <!-- swiper 插件 -->
    <script src="./JS/swiper-bundle.min.js"></script>
    <script src="./JS/swiper.js"></script>
    <!-- index.js -->
    <script src="./JS/index.js"></script>
</body>
</html>

<!-- <span class="copyright_split">|</span> -->
<!-- 

精选
猜你喜欢
智能先锋
大电器城
居家优品
品质生活
超市百货
百货生鲜
时尚达人
美妆穿搭
进口好物
京东国际

 -->